*{
	margin:0px;
	padding: 0px;
}
body{
	font-size: 12px;
}
img{
	vertical-align: center;
}
h3{
	text-indent: 10px;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	background: url(images/titleBg.jpg) repeat-x ;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #830808;;
}
.box{
	width: 960px;
	margin: 0 auto;
}
.top_nav{
	width:960px;
	height: 46px;
	background-image: linear-gradient(#d01f3d,#d25d76);
	border-radius:10px ;
}
.clearfix:after{
	display:table;
	content:"";
	clear:both;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.top_nav .home{
	height: 36px;
	line-height: 46px;
	margin-left: 20px;
	background-color: white;
	width: 80px;
	border-top-left-radius:4px ;
	border-top-right-radius:4px ;
	text-align: center;
	margin-top: 10px;
}
.top_nav .home a{
	text-decoration: none;
	font-size: 14px;
	font-weight: 700;
	color: #cb3434;
}
.top_nav .login .denglv{
	margin-right: 20px;
}
.top_nav .login li{
	display: inline-block;
	height: 46px;
	line-height: 46px;
	color:white;
}
.login li a{
	margin:0px 5px;
	text-decoration: none;
	color:white
}
.con_1{
	width: 960px;
	margin: 0 auto;
	margin-top: 16px;
	
}
.con_1 .youxi{
	width:190px;
	height: 205px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 10px;
}
.con_1 .youxi li{
	background:url(images/jianbian.jpg) no-repeat;
	list-style: none;
	line-height: 29px;
	height:29px;
	clear: both;
}
.con_1 .youxi li:first-of-type{
	border-top-left-radius:10px ;
	border-top-right-radius:10px ;
}
.con_1 .youxi li:nth-of-type(7){
	border-bottom-left-radius:10px ;
	border-bottom-right-radius:10px ;
}
.con_1 .img img{
	float: left;
	margin: 8px 6px 0px;
}
.con_1 .txt{
	float: left;
}
.con_1 .youxi li:hover{
	 background:url(images/yirujianbian.jpg);
}
.con_1 .bg_img{
	position: relative;
}
.con_1 .img_nav{
	position: absolute;
	bottom:10px;
	right: 30px;
}
.con_1 .img_nav span{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: #cccbc9;
	border-radius: 50%;
	text-align: center;
	margin-left: 6px;
	cursor: pointer;
}
.con_1 .img_nav span:hover{
	background-color: darkred;
	color: white;
}
.con_1 .bg_img img{
	width: 500px;
	height: 205px;
	border-radius: 10px;
	margin-left: 10px;
}
.form{
	width:250px;
	height: 205px;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #ccc;
	background-color: #fafafa;
	box-sizing: border-box;
	padding:26px 20px 30px 20px ;
}
.form p{
	color:#7b7585;
	margin-bottom: 20px;
}
.form input{
	padding-left: 6px;
	margin-bottom: 10px;
	outline: none;
}
::placeholder{
	color: #CCCCCC;
	font-size: 10px;
}
.form .btn{
	margin-left: 70px;
}
.zhuce{
	text-align: center;
}
.zhuce a{
	margin-left: 20px;
	margin-right: 20px;
	text-decoration: none;
	font-weight: 700;
	color: #3794d0;
}
.con_2{
	width: 960px;
}
.con_2 .people{
	width:700px;
	height: 200px;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #ccc;
	margin-top: 16px;
}
.con_nav ul{
	height: 28px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	background: url(images/titleBg.jpg)repeat-x;
}
.con_nav ul li{
	list-style: none;
	line-height: 28px;
	display: inline-block;
	
}
.con_nav ul li:first-child{
	margin-right: 6px;
	margin-left: 2px;
	font-weight: 700;
}
.con_nav ul li a{
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
	color:#696a6c;
}
.con_nav ul li a:hover{
	color:#830808;
}
.con_2 .game_people{
	padding: 16px 18px 16px 18px;
}
.con_2 .game_people1{
	width: 327px;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #ccc;
	padding: 16px 8px 16px 8px;
}
.con_2 .game_people1:first-child{
	margin-right: 8px;
}
.con_2 .game_people1 img{
	width: 130px;
	margin-right: 6px;
	margin-top: 5px;
}
.con_2 .game_people1 img:hover{
	transition: all .3s;
	transform: translate(-6px);
	}
.con_2 .game_people1 .txt{
	width: 173px;
}
.con_2 .game_people1 .txt p{
	line-height: 20px;
}
.game_people1 .txt .nom:hover{
	color:#830808;
}
.xuanfu{
	display: block;
	width: 40px;
	height: 20px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: white;
	margin-right: 6px;
	margin-top: 2px;
	cursor: pointer;
}
.to_game{
	display: inline-block;
	width: 60px;
	height: 20px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	background:linear-gradient(#82c5d6,#3a709f);
	color: white;
	margin-top: 2px;
	cursor: pointer;
}
.con_2 .news{
	box-sizing: border-box;
	margin-top: 16px;
	margin-bottom: 4px;
	width:250px;
	height: 200px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.con_2 .news ul{
	padding-left: 6px;
	padding-right: 6px;
}
.con_2 .news li{
	box-sizing: border-box;
	padding: 0px 2px 2px;
	list-style: none;
	text-indent: 40px;
	height: 24px;
	line-height: 24px;
	color: #4d4646;
	border-bottom: 1px dashed #e3f6ff;
	background: url(images/rightTwo.png)no-repeat 6px 9px;
}
.con_2 .news li:nth-child(7){
	border: none;
}
.con_2 .news li:hover{
	transition:all .3s;
	transform: translate(-2px,-2px) scale(1.05);
	}
.con_3{
	margin-top: 16px;
	height: 400px;
}
.con_3 .colsplay{
	width: 700px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 10px;
	height: 400px;
}
.con_3 .colsplay ul{
	margin-top: 16px;
}
.con_3 .colsplay ul li{
	display: inline-block;
	text-align: center;
	float: left;
	line-height: 20px;
	margin-left: 35px;
	margin-bottom: 26px;
}
.con_3 .colsplay ul li img:hover{
	transition: all .3s;
	transform: translate(-6px);
	}
.colsplay ul li:first-child,.colsplay ul li:nth-child(4){
	margin-left: 36px;
}
.con_3 .colsplay ul li .area{
	color: #830808;
}
.con_3 .colsplay ul li .xuanfu{
	margin-left: 10px;
}
.con_3 .video{
	width: 250px;
	height: 400px;
}
.con_3 .video .media img{
	width: 250px;
	margin-bottom: 10px;
}
.con_3 .video .game_video{
	border: 1px solid #ccc;
	border-radius: 10px;
}
.con_3 .video .game_video ul{
	padding: 10px 6px 8px 6px;
}
.con_3 .video  ul li{
	box-sizing: border-box;
	list-style: none;
	border-bottom: 1px dashed #e3f6ff;
}
.con_3 .video  ul li:first-of-type{
	padding-bottom: 10px;
}
.con_3 .video  ul li:last-of-type{
	padding-top: 10px;
	border: none;
}
.con_3 .video  ul li .txt{
	width: 100px;
	line-height: 24px;
	margin-top: 6px;
}
.con_3 .video  ul li .txt a{
	text-decoration: none;
}
.bottom{
	margin-top: 30px;
}
.bottom a{
	margin-right: 8px;
	text-decoration: none;
}
.bottom .about a{
	color:#436ca6;
}
.bottom .copy a:last-of-type{
	margin-right: 0px;
}
.bottom .copy a{
	color:#666;
}
@keyframes ad{
	0%{
		right:0px;
		top:100px;
	}
	50%{
		right:900px;
		top:500px;
	}
	100%{
		right:0px;
		top:100px;
	}
}
.adv img{
	width: 200px;
	position: fixed;
	right:0px;
	top:100px;
}
.adv img{
	animation:ad 6s ease-out;
}
